<template>
	<c-navBar title="数据管理"></c-navBar>
	<view class="content">
		

		<view class="item" v-for="(item,index) in list" :key="index" @click="pathItem(item)">
			<image class="item-img" src="../../static/dataIcon1.png" mode="" v-if="item.id==1"></image>
			<image class="item-img" src="../../static/dataIcon2.png" mode="" v-if="item.id==2"></image>
			<image class="item-img" src="../../static/dataIcon3.png" mode="" v-if="item.id==3"></image>
			<text class="item-text">{{item.title}}</text>
			<van-icon name="arrow" class="icon-box"/>
		</view>

		<!-- <van-empty description="暂无数据"  /> -->



	</view>
</template>

<script setup>
	import {
		onLoad,
		onShow
	} from "@dcloudio/uni-app"
	import {
		ref,
		reactive
	} from "vue"
	const list = [{
			id: 1,
			title: '教务数据',
			url: '',
			link: '/pages/dataList/dataManagement'
		},
		{
			id: 2,
			title: '课时数据',
			url: '',
			link: '/pages/dataList/lessonData'
		},
		{
			id: 3,
			title: '营销数据',
			url: '',
			link: '/pages/dataList/marketingData'
		},
	]
	const pathItem = (item) => {
		//tab路由跳转
		// if (item.id === 5) { 
		// 	show.value = true
		// 	return
		// }
		uni.navigateTo({
			url: item.link
		})
	}
</script>

<style lang="scss" scoped>
	.content {
		display: flex; 
		flex-direction: column;
		align-items: center;
		padding: 0 40rpx; 
		padding-top: 100rpx;
		
		width: 100vw;
	}
	.item{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		padding: 40rpx  40rpx;
		border-radius: 17.52rpx; 
		background: rgba(255, 255, 255, 1);
		border: 1.75rpx solid rgba(236, 236, 236, 1);
		margin-bottom: 30rpx;

	}
	.item-img{
		width: 40rpx;
		height: 40rpx;
	}
	.item-text{
		flex: 1;
		padding-left: 40rpx;
		font-size: 36rpx;
		line-height: 40rpx;
		color: rgba(0, 0, 0, 1);
	}
	.icon-box{
		font-size: 30rpx;
		color: rgba(0, 0, 0, 1);
	}
</style>